extends /templates/base-flat

block page_nav
  include ../courses/teacher-dashboard-nav.jade

block content

  .container
    if me.attributes.hourOfCode && me.isAnonymous() && view.name == 'cs1'
      #hour-of-code
        h3
          span(data-i18n="teacher.hoc_welcome")
          | !
        p
          span(data-i18n="teacher.hoc_intro")
          | :
        ol.small
          li
            strong.spr(data-i18n="teacher.hoc_self_led") 
            | - 
            span.spl.spr(data-i18n="teacher.hoc_self_led_desc") 
            | - 
            a(href="/play/game-dev-hoc?hour_of_code=true")
              span(data-i18n="teacher.hoc_game_dev")
            span.spl.spr(data-i18n="teacher.hoc_and")
            a(href="/play?hour_of_code=true") 
              span(data-i18n="teacher.hoc_programming")
            | .
          li
            strong.spr(data-i18n="teacher.hoc_teacher_led")
            | - 
            span.spr(data-i18n="teacher.hoc_teacher_led_desc1")
            a(href="/teachers/resources/cs1")
              span(data-i18n="teacher.hoc_teacher_led_link")
            span.spl(data-i18n="teacher.hoc_teacher_led_desc2")
            | .
          li
            strong.spr(data-i18n="teacher.hoc_group")
            | - 
            span.spr(data-i18n="teacher.hoc_group_desc_1") 
            a(href="/teachers/resources/getting-started")
              span(data-i18n="teacher.hoc_group_link")
            span.spl(data-i18n="teacher.hoc_group_desc_2")
            | .
        p.small
          span.spr(data-i18n="teacher.hoc_additional_desc1")
          a(href="/teachers/resources/")
            span(data-i18n="teacher.resource_hub")
          span . 
          span(data-i18n="teacher.hoc_additional_desc2")
          span.spr ?
          a(href="mailto:schools@codecombat.com")
            span(data-i18n="teacher.hoc_additional_contact")
          | .  

    span.backlink
      a(href='/teachers/resources')
        |&lt; Back to Resource Hub
    if view.content == ''
      .comingsoon
        h4(style="text-align:center")
          i This guide doesn't exist!
    else
      .print
        .btn.btn-md.btn-navy
          a(href='javascript:window.print()')
            span.glyphicon.glyphicon-print &#160;
            |Print this guide
      div(class='lesson-plans' id=view.name)!=view.content
